@charset "utf-8";
/*
	--------------------------
	间距清除
	--------------------------
*/

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
    margin:0; padding:0;
}
ol,ul{
    list-style:none;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

/*
	--------------------------
	A标签 配置
	--------------------------
*/
a{
    text-decoration:none;
    outline:none;
    color: #666;
}
a:hover{

}
img{
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}
a:focus{
    outline: none;
}
/*
	--------------------------
	Body 配置
	--------------------------
*/
html{
    overflow-x:hidden;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
body{
    -webkit-font-smoothing: antialiased;
    font-family:"microsoft yahei","Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    background: #fff;
    font-size: 16px;
    color: #666;
}

/*
	--------------------------
	表单控件设置
	--------------------------
*/

table{
    border-collapse: collapse;
    width: 100%;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio']{
    cursor: pointer;
    outline: none;
}

input[type='checkbox'],
input[type='radio']{
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom:1px;
    margin-left: 5px;
    margin-right: 5px;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text']{
    outline: none;
}

/*
	--------------------------
	快捷方式
	--------------------------
*/
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    font-size: 0;
}
.clearfix{
    zoom: 1;
}

/*
    决定定位居中样式
*/
.absolute-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
.absolute-centerX{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform:translateX(-50%);     /* IE 9 */
    -moz-transform:translateX(-50%);    /* Firefox */
    -webkit-transform:translateX(-50%); /* Safari 和 Chrome */
    -o-transform:translateX(-50%);

}
.absolute-centerY{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%);    /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%);
}
/*
	=============
	单行文本省略号
	==============
*/
.txt-line{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*
	=============
	多行文本省略号
	==============
*/
.txt-lines{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*-webkit-line-clamp: 2;*/
    /*行数可自行设置*/
    -webkit-box-orient: vertical;

}




/*引入外部字体*/
@font-face {
    font-family: 'hyzhuzichaorantiw';
    src: url('../fonts/hyzhuzichaorantiw-webfont.eot');
    src: url('../fonts/hyzhuzichaorantiw-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/hyzhuzichaorantiw-webfont.woff') format('woff'),
    url('../fonts/hyzhuzichaorantiw-webfont.ttf') format('truetype'),
    url('../fonts/hyzhuzichaorantiw-webfont.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hyzhuzichaorantiw-1';
    src: url('../fonts/hyzhuzichaorantiw-1-webfont.eot');
    src: url('../fonts/hyzhuzichaorantiw-1-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/hyzhuzichaorantiw-1-webfont.woff') format('woff'),
    url('../fonts/hyzhuzichaorantiw-1-webfont.ttf') format('truetype'),
    url('../fonts/hyzhuzichaorantiw-1-webfont.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avantgardedemi';
    src: url('../fonts/avantgardedemi-webfont.eot');
    src: url('../fonts/avantgardedemi-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/avantgardedemi-webfont.woff') format('woff'),
    url('../fonts/avantgardedemi-webfont.ttf') format('truetype'),
    url('../fonts/avantgardedemi-webfont.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas';
    src: url('../fonts/bebas-webfont.eot');
    src: url('../fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bebas-webfont.woff') format('woff'),
    url('../fonts/bebas-webfont.ttf') format('truetype'),
    url('../fonts/bebas-webfont.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'impact';
    src: url('../fonts/impact.eot');
    src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
    url('../fonts/impact.woff') format('woff'),
    url('../fonts/impact.ttf') format('truetype'),
    url('../fonts/impact.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'webfont';
    src: url('../fonts/webfont.eot');
    src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/webfont.woff') format('woff'),
    url('../fonts/webfont.ttf') format('truetype'),
    url('../fonts/webfont.svg#webfont34M5alKg') format('svg');
    font-weight: normal;
    font-style: normal;
}